<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>确认订单</title>
  <link rel="stylesheet" href="../css/normalize.css">
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../css/head.css">
  <link rel="stylesheet" href="../css/footer.css">
  <link rel="stylesheet" href="../css/confirmOrder.css">
  <link rel="stylesheet" href="../css/bootstrap.min.css">
  <script src="../script/jquery.min.js"></script>
  <script src="../script/bootstrap.min.js"></script>
</head>
<body>
  <header>
    <div class="container">
      <div class="identity">
        <p class="logo"><img src="../assets/images/logo.png" alt=""></p>
        <p class="title">飞卓自考网</ph3>
      </div>
      <ul class="nav">
        <li><a href="index.html">首页</a></li>
        <li><a href="about.html">关于我们</a></li>
        <li><a href="major.html">报考专业</a></li>
        <li><a href="examination.html">备考资讯</a></li>
        <li><a href="share.html">资料分享</a></li>
      </ul>
      <div class="opera">
        <a href="login.html" class="active">登录</a>
        <p>|</p>
        <a href="register.html">注册</a>
      </div>
      <!-- <div class="opera">
        <p>您好，小花龙!</p>
        <a href="myCourse.html" class="active">个人中心</a>
        <p>|</p>
        <a href="login.html">退出</a>
      </div> -->
    </div>
  </header>
  <section>
    <div class="container">
      <div class="confirm-order">
        <div class="rate clearfix">
          <img src="../assets/images/rate1.png" alt="">
          <!-- <div class="confirm">确认订单</div>
          <div class="pay"><div class="triangle"></div>支付订单</div> -->
        </div>
        <div class="title">—   专业信息   —</div>
        <div class="content clearfix">
          <a href="" class="left">
            <div>本科</div>
            <p>汉语言文学</p>
          </a>
          <div class="right">
            <div class="name">
              <p>汉语言文学专业</p>
              <p class="yuan">价格：<span>￥10000.00</span></p>
            </div>
            <div class="hr"></div>
            <div class="price">
              <p>应付金额:￥10000.00</p>
              <a href="" data-toggle="modal" data-target="#exampleModalScrollable">去结算</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <footer>
    <div class="container">
      <div class="content clearfix">
        <div class="left">
          <ul>
            <li><a href="">关于我们</a></li>
            <li><a href="">联系我们</a></li>
            <li><a href="">自考资讯</a></li>
            <li><a href="">资料分享</a></li>
          </ul>
          <div class="frend">
            <div>友情链接：</div>
            <ul>
              <li><a href="">飞卓自考平台网</a></li>
              <li><a href="">飞卓自考平台网</a></li>
              <li><a href="">飞卓自考平台网</a></li>
              <li><a href="">飞卓自考平台网</a></li>
              <li><a href="">飞卓自考平台网</a></li>
              <li><a href="">飞卓自考平台网</a></li>
            </ul>
          </div>
        </div>
        <div class="right">
          <p class="label">联系方式</p>
          <p>客服电话：027-87000003</p>
          <p>邮箱：123456789@qq.com</p>
        </div>
      </div>
    </div>
    <p class="copy-right">
      Copyright 2019.All rights reserved.
    </p>
  </footer>
  <div class="modal fade buy-tip" id="exampleModalScrollable" tabindex="-1" role="dialog" aria-labelledby="exampleModalScrollableTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalScrollableTitle">购课温馨提示</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <div class="paragraph">请阅读完整内容后确认</div>
        </div>
        <div class="modal-footer">
          <a href="pay.html" type="button" class="btn btn-primary">确认</a>
          <div class="tootip">请阅读完整内容后确认</div>
        </div>
      </div>
    </div>
  </div>
</body>
</html>